<php>
	$this->display(tpl('head',TRUE)); 
	$Menu=unserialize($settingDB['Menu']);
</php>
<style>
	.layui-form-label {
	    float: left;
	    display: block;
	    padding: 9px 15px;
	    width: 10%;
	    font-weight: 400;
	    text-align: right;
	}
	.layui-input, .layui-textarea {
	    display:  inline;
	    width: 80%;
	    padding-left: 10px;
	}
</style>
	<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
	  	<legend>微信菜单设置</legend>
	</fieldset>
	<form class="layui-form" method="post">
		<table class="layui-table">
			<thead>
				<tr>
					<th>栏目级别</th>
					<th>响应动作类型</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
<php>
	for($i=0;$i<3;$i++){
		if(!$Menu[$i]['type']){
			$Menu[$i]['type']='view';
		}
		$check[$i][$Menu[$i]['type']]='selected';
</php>
				<tr>
					<td>一级</td>
					<td>
						<select oncheck="button('button',this.value,'<?php echo $i ?>');"  onchange="button('button',this.value,'<?php echo $i ?>')" name="menu[<?php echo $i ?>][type]" lay-ignore style="width: 100%;height: 45px;padding-left: 20px;">
							<option value="view" <?php echo $check[$i]['view'] ?>>网页类型</option>
							<option value="click" <?php echo $check[$i]['click'] ?>>点击类型</option>
							<option value="miniprogram" <?php echo $check[$i]['miniprogram'] ?>>小程序类型</option>
						</select>
					</td>
					<td>
						<div>
							<p>名称：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="layui-input" placeholder="请输入名称" name="menu[<?php echo $i ?>][name]" value="<?php echo $Menu[$i]['name'] ?>" /></p>
						</div>
						<div id="button_view_<?php echo $i ?>" <?php if($Menu[$i]['type'] !='view' && $Menu[$i]['type'] !='miniprogram'){echo 'style="display: none;"';} ?> >
							<p>链接地址:<input type="text" class="layui-input" placeholder="请输入链接" name="menu[<?php echo $i ?>][url]" value="<?php echo $Menu[$i]['url'] ?>" /></p>
						</div>
						<div id="button_click_<?php echo $i ?>" <?php if($Menu[$i]['type'] !='click'){echo 'style="display: none;"';} ?> >
							<p>菜单key值:<input type="text" class="layui-input" placeholder="菜单KEY值，用于消息接口推送，不超过128字节" name="menu[<?php echo $i ?>][key]" value="<?php echo $Menu[$i]['key'] ?>" /></p>
						</div>
						<div id="button_miniprogram_<?php echo $i ?>" <?php if($Menu[$i]['type'] !='miniprogram'){echo 'style="display: none;"';} ?> >
							<p>小程序的appid:<input type="text" class="layui-input" placeholder="小程序的appid（仅认证公众号可配置）" name="menu[<?php echo $i ?>][appid]" value="<?php echo $Menu[$i]['appid'] ?>" /></p>
							<p>pagepath:<input type="text" class="layui-input" placeholder="小程序的页面路径" name="menu[<?php echo $i ?>][pagepath]" value="<?php echo $Menu[$i]['pagepath'] ?>" /></p>
						</div>
					</td>
				</tr>
				<php>
					
				for($ii=0;$ii<5;$ii++){
					if(!$Menu[$i]['list'][$ii]['type']){
						$Menu[$i]['list'][$ii]['type']='view';
					}
					$_check[$ii][$Menu[$i]['list'][$ii]['type']]='selected';
				</php>
				<tr>
					<td>&nbsp;&nbsp;&nbsp; |----</td>
					<td>
						<select  oncheck="button('sub_button',this.value,'<?php echo $i.$ii ?>');"  onchange="button('sub_button',this.value,'<?php echo $i.$ii ?>')" name="menu[<?php echo $i ?>][list][<?php echo $ii ?>][type]" lay-ignore>
							<option value="view" <?php echo $_check[$ii]['view'] ?>>网页类型</option>
							<option value="click" <?php echo $_check[$ii]['click'] ?>>点击类型</option>
							<option value="miniprogram" <?php echo $_check[$ii]['miniprogram'] ?>>小程序类型</option>
						</select>
					</td>
					<td>
						<div >
							<p>名称：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" class="layui-input" placeholder="请输入名称" name="menu[<?php echo $i ?>][list][<?php echo $ii ?>][name]" value="<?php echo $Menu[$i]['list'][$ii]['name'] ?>" /></p>
						</div>
						<div id="sub_button_view_<?php echo $i.$ii ?>" <?php if($Menu[$i]['list'][$ii]['type'] !='view' && $Menu[$i]['list'][$ii]['type'] !='miniprogram'){echo 'style="display: none;"';} ?>>
							
							
							<p>链接地址:<input type="text" class="layui-input" placeholder="请输入链接" name="menu[<?php echo $i ?>][list][<?php echo $ii ?>][url]" value="<?php echo $Menu[$i]['list'][$ii]['url'] ?>" /></p>
						
						</div>
						<div id="sub_button_click_<?php echo $i.$ii ?>" <?php if($Menu[$i]['list'][$ii]['type'] !='click'){echo 'style="display: none;"';} ?>>
							
							<p>菜单key值:<input type="text" class="layui-input" placeholder="菜单KEY值，用于消息接口推送，不超过128字节" name="menu[<?php echo $i ?>][list][<?php echo $ii ?>][key]" value="<?php echo $Menu[$i]['list'][$ii]['key'] ?>" /></p>
						</div>
						<div id="sub_button_miniprogram_<?php echo $i.$ii ?>" <?php if($Menu[$i]['list'][$ii]['type'] !='miniprogram'){echo 'style="display: none;"';} ?>>
							
							<p>小程序的appid:<input type="text" class="layui-input" placeholder="小程序的appid（仅认证公众号可配置）" name="menu[<?php echo $i ?>][list][<?php echo $ii ?>][appid]" value="<?php echo $Menu[$i]['list'][$ii]['appid'] ?>" /></p>
							
							<p>pagepath:<input type="text" class="layui-input" placeholder="小程序的页面路径" name="menu[<?php echo $i ?>][list][<?php echo $ii ?>][pagepath]" value="<?php echo $Menu[$i]['list'][$ii]['pagepath'] ?>" /></p>
						</div>
					</td>
				</tr>
<php> } } </php>
			</tbody>
		</table>
		<script>
			function button(a,b,c){
				$('#'+a+'_view_'+c).hide();
				$('#'+a+'_click_'+c).hide();
				$('#'+a+'_miniprogram_'+c).hide();
				if(b=='miniprogram'){
					$('#'+a+'_view_'+c).show();
				}
				var d=a+'_'+b+'_'+c;
				$('#'+d).show();
			}
		</script>
		<div class="layui-form-item">
			<div class="layui-input-block my_button">
				<input type="hidden" name="step" value="post" />
				<button class="layui-btn">立即设置</button>
			</div>
		</div>
	</form>
	<blockquote class="layui-elem-quote layui-text">
		<li class="b">提醒：非认证的订阅号不能使用自定义菜单</li>
		<li>使用自自定义菜单前，请先把“微信接口设置”页面配置好【AppId】【 AppSecret】这两项参数！</li>
		<li>注意：一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替，如果菜单设置了超链接关键字就没有效果。请注意，创建自定义菜单后，由于微信客户端缓存，需要24小时微信客户端才会展现出来。建议测试时可以尝试取消关注公众账号后再次关注，则可以看到创建后的效果。
微信官方强调：修改后，需要重新关注，或者最迟隔天才会看到修改后的效果！</li>
	</blockquote>
<script>

layui.config({
	version: 'NOWTIME'
});
layui.use(['form','table'], function(){
  	var $ = layui.jquery,table=layui.table;
	var form = layui.form;
});
	  
</script>
<php> $this->display(tpl('foot',TRUE)); </php>